// 用户界面
<template>
  <div class="user">
    <div class="navigation">
      <div class="nav_con">
        <div class="nav_item1">
          <router-link class="a1" to="/u">首页</router-link>
        </div>
        <div class="nav_item">
          <router-link class="a1" to="/u/jianli">投递进度</router-link>
        </div>
        <!-- <div class="nav_item">
          <router-link class="a1" to="/u/mianshi">等待面试</router-link>
        </div> -->
        <div class="nav_item">
          <router-link class="a1" to="/u/xiaoxi">已面试</router-link>
        </div>
        <div class="empty">

        </div>
        <div class="nav_item2">
          <el-dropdown>
            <el-button class="geren_but">
              <router-link class="a1" to="/u/wode">个人中心</router-link>
            </el-button>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item><router-link class="a1" to="/login">退出登录</router-link></el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </div>
      </div>
    </div>
    <router-view class="comp"></router-view>
  </div>
</template>
<style>
.user {
  width: 100%;
  height: 100%;
}
.navigation {
  width: 100%;
  height: 40px;
  background-color: #32373e;
}
.nav_con {
  width: 1200px;
  line-height: 40px;
  margin-left: calc(50vw - 600px);
  color: #909399;
  /* font-size: 16px; */
  display: flex;
  flex-direction: row;
}
.nav_item1 {
  cursor: pointer;
  width: 53px;
  margin-left: 0px;
  vertical-align: auto;
}
.nav_item {
  cursor: pointer;
  width: 90px;
  margin-left: 0px;
  vertical-align: auto;
}
.nav_item2 {
  cursor: pointer;
  width: 70px;
  /* margin-right: -810px; */
  vertical-align: auto;
}
.a1 {
  text-decoration: none;
  color: #909399;
}
.a1:hover {
  text-decoration: none;
  color: #409eff;
}
.geren_but{
  height: 36px !important;
    background-color: #32373e;
    border: none;
}
.geren_but:hover{
    background-color: #32373e;
    border: none;
}
.comp {
  width: 100%;
  /* height: calc(100% - 45px); */
  background-color: gray;
  
}
.empty{
    width: 777px;
}
</style>
<script>
export default {
  data() {
    return {
      search_content: "",
    };
  },
};
</script>